<div class="row">
    <div class="col-md-11 col-md-offset-1">   
     <h1>Cines :</h1>
     <?php foreach ($cines as $cine): ?>
        
<div class="col-md-3">
  <?php for ($i=1; $i <= count($cine);$i++): ?> 
     
     
            
   <div id="map_<?php echo $i; ?>" style='height:200px; width:250px'>  <script type="text/javascript">
       
            // When the window has finished loading create our google map below
            google.maps.event.addDomListener(window, 'load', init);
          function init(map_<?php echo $i; ?>) {
                 var myOptions = {
    zoom: 15,
    center: new google.maps.LatLng(<?php echo $cine['latitud']; ?>,<?php echo $cine['longitud']; ?>),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles:          
         [
    {
        "featureType": "water",
        "stylers": [
            {
                "saturation": 43
            },
            {
                "lightness": -11
            },
            {
                "hue": "#0088ff"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "hue": "#ff0000"
            },
            {
                "saturation": -100
            },
            {
                "lightness": 99
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#808080"
            },
            {
                "lightness": 54
            }
        ]
    },
    {
        "featureType": "landscape.man_made",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ece2d9"
            }
        ]
    },
    {
        "featureType": "poi.park",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ccdca1"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#767676"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "poi",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "landscape.natural",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "visibility": "on"
            },
            {
                "color": "#b8cb93"
            }
        ]
    },
    {
        "featureType": "poi.park",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.sports_complex",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.medical",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "stylers": [
            {
                "visibility": "simplified"
            }
        ]
    }
]
};
var map_<?php echo $i; ?> = new google.maps.Map(document.getElementById('map_<?php echo $i; ?>'), myOptions);}
                   <?php endfor; ?>
                </script>  </div>
        <h3><?php echo $cine['nombre']; ?></h3>
        <p>Dirección : <?php echo $cine['calle']; ?>, <?php echo $cine['numero']; ?> </p>        
        <p><?php echo $cine['poblacion']; ?> </p>
        <p>Teléfono :<?php echo $cine['telefono']; ?></p>
        <!--<p>Email :<?php //echo $cine ['email']; ?></p>-->
        <p>Numero de salas :<?php echo $cine['n_salas']; ?></p>
        <br />
            <a href="<?php echo base_url(); ?>cines/cine/<?php echo $cine['cod_cine']?>">Informaci&oacute;n Cine y sus Salas</a>
        <hr />
            </div>
<?php endforeach; ?>
       </div> 
    </div>
   